4.3 Виджеты. Stack и Positioned
3 из 3 шагов пройдено

 Практика

Задача: Создайте виджет "Карточка Продукта/Пользователя", который использует Stack и Positioned для наложения различных элементов.

Требования к виджету:

  1. Виджет должен представлять собой карточку (например, обернутую в Card).
  2. Внутри карточки должен использоваться Stack.
  3. Первый (нижний) элемент Stack должно быть изображение (товара или пользователя). Используйте Image.network с каким-либо placeholder URL или локальным ресурсом. Изображение должно занимать большую часть карточки.
  4. Используя Positioned, разместите текст с названием продукта/именем пользователя поверх изображения в нижней части карточки. Текст должен быть читаемым (например, иметь тень или полупрозрачный фон).
  5. Используя еще один Positioned, добавьте небольшой значок "Новинка" или "В наличии" (например, маленький Container с текстом или иконкой) в одном из углов изображения (например, верхний правый или нижний левый).

Будьте вежливы и соблюдайте наши принципы сообщества. Пожалуйста, не оставляйте решения и подсказки в комментариях, для этого есть отдельный форум.
Оставить комментарий